import axios from 'axios'
import { Loading } from 'element-ui'
import store from '@/store'
import router from '@/router'
var request = axios.create({
  // baseURL: 'https://www.fastmock.site'
  baseURL: 'http://www.liulongbin.top:3008'
  // timeout: 1000,
  // headers: { 'X-Custom-Header': 'foobar' }
})

// 添加请求拦截器
let loadingInstance = null
request.interceptors.request.use(
  function (config) {
    console.log(config, 876)
    if (config.url.startsWith('/my')) {
      config.headers.Authorization = store.state.token
    }

    // 在发送请求之前做些什么
    loadingInstance = Loading.service({
      fullscreen: true,
      background: 'rgba(0,0,0,0.7)',
      text: '正在拼命加载中。。。。',
      lock: true,
      body: true
    })
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    loadingInstance.close()
    console.log(response, 3333)
    return response
  },
  function (error) {
    loadingInstance.close()
    // 对响应错误做点什么
    if (error.response.status === 401) {
      //  表示token无效
      //  清空原有token +  重回登录
      store.commit('setToken', '')
      localStorage.clear()
      // //  跳回登录页面
      router.push('/login')
    }
    return Promise.reject(error)
  }
)

export default request
